<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width, minimum-scale=1, initial-scale=1, user-scalable=yes">

    <title>Google Cloud Datalab</title>
    <link rel="shortcut icon" href="{base_url}images/favicon.ico">

    <link id="themeStylesheet" rel="stylesheet" href="{base_url}index.light.css">
    <link rel="import" href="{base_url}components/datalab-app/datalab-app.html">
  </head>
  <body>
    <style>
      body {
        margin: 0px;
        padding: 0px;
        height: 100%;
      }
      iframe {
        position: absolute;
        width: 100%;
        height: 100%;
        border: none;
      }
    </style>

    <paper-toast id="datalabNotification" text="Creating notebook..." duration="0"></paper-toast>
    <iframe id="editor" sandbox="allow-forms allow-scripts allow-popups allow-modals allow-popups-to-escape-sandbox allow-same-origin"></iframe>

    <script src="{base_url}notebook.js"></script>
  </body>
</html>
